<!DOCTYPE html>
<html lang="en">

<head>
  <title>容迪自动化设备</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Responsive Website Template">
  <meta name="author" content="The Develovers">
  <!-- CORE CSS -->
  <link href="/styles/bootstrap.css" rel="stylesheet" type="text/css">
  <link href="/styles/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href="/styles/elegant-icons.css" rel="stylesheet" type="text/css">
  <!-- THEME CSS -->
  <link href="/styles/main.css" rel="stylesheet" type="text/css">
  <link href="/styles/my-custom-styles.css" rel="stylesheet" type="text/css">
  <script src="/js/jquery-2.1.1.min.js"></script>
  <script src="/js/bootstrap.min.js"></script>
  <script src="/js/plugins/easing/jquery.easing.min.js"></script>
  <script src="/js/plugins/morphext/morphext.min.js"></script>
  <script src="/js/plugins/owl-carousel/owl.carousel.min.js"></script>
  <script src="/js/bravana-lite.js"></script>
  <!-- GOOGLE FONTS -->
</head>
<style>
  .lang-select{
    float: right;
    font-size: 10px;
  }
</style>
<body>
<!-- WRAPPER -->
<div id="wrapper">
  <!-- NAVBAR -->
  <nav class="navbar navbar-default">
    <div class="lang-select"><span>语言：</span><a href="/">中文</a> <a href="/en">English</a></div>
    <div class="container">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav-collapse">
        <span class="sr-only">Toggle Navigation</span>
        <i class="fa fa-bars"></i>
      </button>
      <a href="#" class="navbar-brand">
        <div>容迪自动化设备（苏州）有限公司</div>
      </a>
      <div id="main-nav-collapse" class="collapse navbar-collapse">
        <ul class="nav navbar-nav main-navbar-nav">
          <li class="dropdown active">
            <a href="/" class="dropdown-toggle" data-toggle="dropdown">首页</a>
          </li>
          <li class="dropdown" id="product_menu">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">自动化设备</a>
            <ul class="dropdown-menu" role="menu">
              <li><a href="/product/1">设备1</a></li>
              <li><a href="/product/2">设备2</a></li>
            </ul>
          </li>
          <li class="dropdown " id="about_us">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">关于我们</a>
            <ul class="dropdown-menu" role="menu">
              <li><a href="/intro">公司简介</a></li>
              <li><a href="/contact_us">联系我们</a></li>
              <li><a href="/cooperation">商务合作</a></li>
            </ul>
          </li>
          <li id="news"><a href="/news">公司新闻</a></li>
        </ul>
      </div>
      <!-- END MAIN NAVIGATION -->
    </div>
  </nav>
    <%- body %>
  <footer class="footer-newsletter">
    <div class="container">
      <div class="footer-bottom">
        <div class="left">
          <div>容迪自动化设备（苏州有限公司）邮箱：13321993655@163.com 电话：0512-89162179</div>
          <p class="copyright-text">&copy;2017 <a href="#" target="_blank">Rongdi Automation</a>. All Rights Reserved.</p>
        </div>
      </div>
    </div>
  </footer>
  <script>
    $(function () {
      var current_path = window.document.location.pathname;
      console.log(current_path);
      if (current_path.match('product')) {
        $('.main-navbar-nav li').removeClass('active');
        $('#product_menu').addClass('active');
      } else {
          if (current_path.match('intro') || current_path.match('contact_us') || current_path.match('cooperation')) {
              $('.main-navbar-nav li').removeClass('active');
              $('#about_us').addClass('active');
          } else {
              if (current_path.match('news')) {
                  $('.main-navbar-nav li').removeClass('active');
                  $('#news').addClass('active');
              }
          }
      }
    })
  </script>
</div>
</body>
</html>
